/* CSS Reset */
*{
    box-sizing: border-box;
}

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{
    margin: 0;
    padding: 0;
}

article,aside,footer,header,nav,section,audio,canvas,video{
    display: block
}

html,body{
    font-family: "Helvetica Neue", Helvetica, STHeiTi, "微软雅黑", Arial, sans-serif;
    margin: 0 auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-touch-callout: none;
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section{
    display: block;
}

iframe,fieldset,img,a img{
    border: none;
}

address,caption,cite,code,dfn,em,strong,th,var{
    font-weight: normal;
    font-style: normal;
}

ul,ol{
    list-style: none;
}

h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}

h1{
    font-size: 0.9rem;
}

h2{
    font-size: 0.8rem;
}

h3{
    font-size: 0.7rem;
}

a:link,a:visited,a:hover,a:active{
    background: transparent;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

textarea{
    resize: none;
}

input,select,img{
    vertical-align: middle;
}

input,select,textarea{
    font-family: "Helvetica Neue", Helvetica, STHeiTi, "微软雅黑", Arial, sans-serif;
    outline: 0;
}

input[type="text"],input[type="password"],textarea{
    -webkit-user-modify: read-write-plaintext-only;
}

input[type="checkbox"],input[type="radio"]{
    padding: 0;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance: none;
}

button,input[type="button"],input[type="reset"],input[type="submit"]{
    cursor: pointer;
    -webkit-appearance: button;
}

button{
    font-family: "Helvetica Neue", Helvetica, STHeiTi, "微软雅黑", Arial, sans-serif;
    outline: 0;
}

button::-moz-focus-inner,input::-moz-focus-inner{
    border: 0;
    padding: 0;
}
/* CSS Reset end */

/* single class */
.fBold{ font-weight:bold;}
.fNormal{ font-weight:normal;}
.oa{ overflow:auto;}
.oh{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{ *zoom:1;}
.f0{ font-size: 0;}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.hide{ display:none;}
.rel{ position: relative;}
/* single class end */

html{
    -webkit-tap-highlight-color: transparent;
    font-size: 13.3333vw;
    overflow-x: hidden;
}
@media(min-width: 750px){
    html {
        font-size: 100px;
    }
}
@media(max-width: 320px){
    html {
        font-size: 42px;
    }
}

html,body{
    background: #ffffff;
}

[v-cloak] {
    display: none !important;
}
